import { FC } from "react";
import { Image } from "antd";
import { getPreviewUrl } from "@utils/WeStudyUtil";

const SolutionContent: FC<any> = ({ problem }) => {

  const imgUrl = getPreviewUrl();

  return (
    <>
      <Image.PreviewGroup
        items={[
          imgUrl + problem.contentImg,
          imgUrl + problem.answerImg,
        ]}
      >
        <Image src={imgUrl + problem.contentImg} />
      </Image.PreviewGroup>
    </>
  );
};


export default SolutionContent;